<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="/public/inc/head.jsp"/>
    <script type="text/javascript">
        
        var $table;
        $(function () {
            var url = "/system/wwdx_jdorder/list";
            tableInit(url);
        });
           
        /**
         * 订单列表
         */
        function tableInit(url) {
            $table = $("#table").bootstrapTable({
                url: url,                           //请求后台的URL（*）
                cache: false,
                striped: true,                      //是否显示行间隔色
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pagination: true,                   //是否显示分页（*）
                height:500,
                paginationPreText:'上一页',
                paginationNextText:'下一页',
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                //得到查询的参数
                queryParams : function (params) {
                    return {
                        rows: params.limit,                         //页面大小
                        page: (params.offset / params.limit) + 1,    //页码
                        status:$("#status").val(),
                        type:$("#type").val(),
                        channel:$("#channel").val()
                    };
                },
                columns: [{
                    title : '序号',
                    align: "center",
                    width: 40,
                    formatter: function (value, row, index) {
                        //获取每页显示的数量
                        var pageSize = $table.bootstrapTable('getOptions').pageSize;
                        //获取当前是第几页  
                        var pageNumber = $table.bootstrapTable('getOptions').pageNumber;
                        //返回序号，注意index是从0开始的，所以要加上1
                        return pageSize * (pageNumber - 1) + index + 1;
                    }
                }, {
                    field: 'wareNo',
                    title: '产品编号'
                }, {
                    field: 'productName',
                    title: '产品名称'
                }, {
                    field: 'card',
                    title: '卡号'
                }, {
                    field: 'price',
                    title: '价格'
                }, {
                    field: 'gmtCreated',
                    title: '支付时间'
                }],
                onLoadSuccess: function () {
                },
                onLoadError: function () {
                    alert("数据加载失败！");
                },
                onDblClickRow: function (row, $element) {
                }
            });
        }
    </script>
</head>
<body>
<div id="header" class="navbar navbar-static-top" role="navigation">
    <jsp:include page="/public/inc/top.jsp"/>
</div>
<div class="container-fluid" style="margin-top:5px;margin-bottom:60px;">
    <div class="row">
        <jsp:include page="/public/inc/menu.jsp"/>
        <div class="col-xs-12 col-sm-10">
            <table id="table"></table>
        </div>
    </div>
</div>
<jsp:include page="/public/inc/bottom.jsp"/>
</body>
</html>